<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8"/>
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
		<meta name="HandheldFriendly" content="true"/>
		<meta name="MobileOptimized" content="320"/>
		<title>Hello H5+</title>
		<script type="text/javascript" src="../js/common.js"></script>
		<script type="text/javascript">
function getOrient() {
	outSet( "获取设备当前方向信息" );
	plus.orientation.getCurrentOrientation( function ( o ) {
		outLine( "alpha：" + o.alpha + "\nbeta：" + o.beta + "\ngamma：" + o.gamma );
	}, function ( e ) {
		outLine( "获取失败:" + e.message );
	} );
}
var id = null;
function watchOrient() {
	if ( id ) {
		return;
	}
	outSet( "监听设备方向变化信息" );
	id = plus.orientation.watchOrientation( function ( o ) {
		outSet( "监听设备方向变化信息\n" + "alpha：" + o.alpha + "\nbeta：" + o.beta + "\ngamma：" + o.gamma );
	}, function ( e ) {
		plus.orientation.clearWatch( id );
		id = null;
		outLine( "监听失败:" + e.message );
	} );
}
function watchStop() {
	if ( id ) {
		outSet( "停止监听设备方向变化信息" );
		plus.orientation.clearWatch( id );
		id = null;
	} else {
		outSet( "没有监听设备方向变化" );
	}
}
		</script>
		<link rel="stylesheet" href="../css/common.css" type="text/css" charset="utf-8"/>
	</head>
	<body>
		<header id="header">
			<div class="nvbt iback" onclick="back(true);"></div>
			<div class="nvtt">Orientation</div>
			<div class="nvbt idoc" onclick="openDoc('Orientation Document','/doc/orientation.html')"></div>
		</header>
		<div id="dcontent" class="dcontent">
			<div class="button" onclick="clicked('orientation_level.html',true);">
				水平仪
			</div>
			<div class="button" onclick="clicked('orientation_compass.html',true);">
				指南针
			</div>
			<br/>
			<ul class="dlist">
				<li class="ditem" onclick="getOrient();">获取设备的方向信息</li>
				<li class="ditem" onclick="watchOrient();">监听设备的方向变化</li>
				<li class="ditem" onclick="watchStop();">停止监听</li>
			</ul>
		</div>
		<div id="output">
Orientation可获取设备的方向信息，包括alpha(以垂直地心轴旋转的角度)、beta(以水平轴旋转的角度)、gamma(以垂直水平轴旋转的角度)三个方向信息。
		</div>
	</body>
	<script type="text/javascript" src="../js/immersed.js" ></script>
</html>